/* 头部 */
.navbar-brand {
	padding: 0;
}
.header{
	background-color: transparent;
	position: sticky;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 1000;
	padding: 0em 0em;
	
	.navbar-inverse{
		background-color: transparent;
		border-color:transparent ;
		border: none;
		
		.navbar-nav>li>a{
			color: #fff;
		}
	}
	
	.logo{
		// text-transform: uppercase;//大写字母
		margin-top: 0;
		img{
			margin-top: 0px;
		}
	}
	
	.menu{
		
		a{
			text-transform: uppercase;
			color: #4d4d4d;
			transition: all linear .1s;
			border-bottom: 3px solid transparent;
			  
			  span{
				  font-size: 16px;
				  color: #4d4d4d;
				  display: inline-block;//内嵌式结构
				  transition: all linear .1s;
			  }
			  &:hover{
				  border-bottom: 3px solid #ff6800;
				  
				  span{
					  transform: scale(1.2);
				}
			}
		}
	}
	@media screen and(max-width:768px){
		.menu{
		  a{
		    text-align: center;
		  }
		}
	}
}



.footer {
  background: #333333;
  padding: 2em 0em 0em;
  color: aliceblue;

  .container {
    display: flex;

    .foot_1,
    .foot_2,
    .foot_3,
    .foot_4 {
      width: 15%;
      // border-right: 1px #ccc solid;
      padding: 0em .5em;
      ul {
        display: block;
        font-size: 0.8em;
        color: #999999;
        li:first-child {
          font-size: 1.2em;
          color: #fff;
        }

        li {
          margin-bottom: 0.5em;
        }
      }
    }

    .foot_5 {
		width: 14%;
		height: 5%;
		border: 2px solid #ff6800;
		img{
			padding: .2em .7em .2em .5em;
		}
		
      // width: 38%;
      // display: flex;
      // justify-content: space-between;
      // padding: 0em 1.5em;
      // ul {
      //   display: inline-block;
      //   color: #eeeeee;
      //   li:first-child {
      //     font-size: 1.4em;
      //   }
      //   li {
      //     margin-bottom: 0.5em;
      //   }
      // }

   //    div {
   //      display: flex;
   //      flex-direction: column;
   //      font-size: 0.8em;
   //      color: #999999;
   //      text-align: center;
   //      img {
			// width: 10%;
   //        display: block;
   //      }
   //    }
    }
  }

  @media screen and (max-width: 1200px) {
    .container {
      display: inline-block;
      .foot_1,
      .foot_2,
      .foot_3,
      .foot_4 {
        width: 100%;
        padding: 0;
        border: none;
        ul {
          display: flex;
          font-size: 0.8em;
          color: #999999;
          flex-wrap: wrap;

          li {
            margin-left: 0.5em;
          }
        }
      }

      .foot_5 {
        width: 50%;
        margin-left: .4em;
		img{
			padding-right: 1em;
			padding-left: .4em;
		}
      }
    }
  }
}

.lowest {
  background: #282828;

  .container {
    text-align: center;
    color: #999999;
    line-height: 3em;
	span{
		color: #ff6800;
	}
  }
  @media screen and (max-width: 730px) {
    .container {
      font-size: 0.5em;
    }
  }
}